<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <title>用户提问</title>
        <link rel="shortcut icon" href="img/logo.ico" type="image/x-icon" >
        <link rel="stylesheet" type="text/css" href="css/footer.css"/>
        <link rel="stylesheet" type="text/css" href="css/answers/details.css"/>
        <script src="js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/jquery.masonry.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/jquery.autocomplete.js" type="text/javascript" charset="utf-8"></script>
        <script src="" type="text/javascript" charset="utf-8"></script>
        <script src="js/TQEditor.2.3.8/TQEditor.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/TQEditor.2.3.8/swfupload.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/TQEditor.2.3.8/uploadApi.js" type="text/javascript" charset="utf-8"></script>
        <!-- Add mousewheel plugin (this is optional) -->
        <script type="text/javascript" src="lib/jquery.mousewheel-3.0.6.pack.js"></script>

        <!-- Add fancyBox main JS and CSS files -->
        <script type="text/javascript" src="source/jquery.fancybox.js?v=2.1.5"></script>
        <link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css" media="screen" />

        <!-- Add Button helper (this is optional) -->
        <link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-buttons.css?v=1.0.5" />
        <script type="text/javascript" src="source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>

        <!-- Add Thumbnail helper (this is optional) -->
        <link rel="stylesheet" type="text/css" href="source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />
        <script type="text/javascript" src="source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

        <!-- Add Media helper (this is optional) -->
        <script type="text/javascript" src="source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>



        <link rel="stylesheet" type="text/css" href="css/header.css"/>
        <link rel="stylesheet" type="text/css" href="css/styles.css"/>
        <link rel="stylesheet" href="css/jquery-ui.css">
        <script src="js/jquery-ui.js" type="text/javascript" charset="utf-8"></script>


    </head>
    <script type="text/javascript">
        $(function () {
            $('.fancybox').fancybox({
                modal: false,
                hideOnOverlayClick: false,
            });
        })
    </script>
    <script type="text/javascript">
        $.widget("custom.catcomplete", $.ui.autocomplete, {
            _renderMenu: function (ul, items) {
                var that = this,
                        currentCategory = "";
                $.each(items, function (index, item) {
                    if (item.category != currentCategory) {
                        ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>");
                        currentCategory = item.category;
                    }
                    that._renderItemData(ul, item);
                });
            }
        });
    </script>
    <body>
        <div id="container">
            <header id="daohang">
                <nav>
                    <ul class="nav_left">
                        <a href="home.html"><li class="logo"><img src="img/home/logo5.png"/></li></a>
                        <li><input type="search" name="search" id="autocomplete" value="" class="search" style="background-image: url(img/home/u345.png);background-size: 30px 30px;background-repeat: no-repeat;background-position-x: 2px;background-position-y: 2px;"/></li>
                        <a href="ziLiao.html"><li class="qh">资料</li></a>
                        <a href="dongTai.html"><li class="qh">动态</li></a>
                        <a href="huaTi.html"><li class="qh">话题</li></a>
                    </ul>
                    <ul class="nav_right">

                        <a href="faBuZiLiao.html" target="_blank"><li class="anniu"><input type="button" id="" value="发布资料" class="fabubtn"/></li></a>

                        <a href="geRenZhongXin.html"><li class="userinfo">
                                <img src="img/home/u333.png"/>
                                <span class="username">
                                    张敏一二三四
                                </span>
                                <div class="info">
                                    <ul>
                                        <a href="geRenZhongXin.html"><li class="my">我的主页</li></a>
                                        <a href="#"><li class="message">站内消息</li></a>
                                        <a href="#"><li class="set">设置</li></a>
                                        <a href="#"><li class="exit">退出登录</li></a>
                                    </ul>
                                </div>
                            </li></a>

                    </ul>
                </nav>
            </header>
            <div id="pageContent">
                <div id="left">
                    <div class="wenti">
                        <div class="q_content">
                            <div class="q_neirong">
                                <div class="top">
                                    <span class="userName">
                                        阿朱
                                    </span>
                                    的问题
                                    <span class="nr">
                                        茶几用什么材料？
                                    </span>
                                </div>
                                <div class="piaofukuang">
                                    <div class="user">
                                        <div class="userimg">
                                            <img src="img/searchResult/u2047.png"/>
                                        </div>
                                        <div class="username">
                                            小龙女
                                        </div>
                                        <div class="shenfen">
                                            室内设计师
                                        </div>
                                    </div>
                                    <div class="guanzhuanniu">
                                        关注
                                    </div>

                                    <div class="qianming">
                                        生于斯长于斯，日后老死也必将于此。
                                    </div>
                                    <table border="0" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td>话题</td>
                                            <td>资料</td>
                                            <td>关注者</td>
                                            <td rowspan="2">
                                                <a href="#"><img src="img/home/u307.png"/></a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="count">234</td>
                                            <td class="count">10</td>
                                            <td class="count">123</td>
                                        </tr>
                                    </table>
                                </div>

                            </div>
                            <div class="btn">
                                回答
                            </div>

                            <div class="answers">
                                2条回答
                            </div>
                            <div class="huida">
                                <textarea class="wen" id="huida" style="width: 99%;height: 60px;"></textarea>
                                <script type="text/javascript">
                                    new TQEditor("huida", {toolbar: 'mini', imageUploadUrl: '../js/TQEditor.2.3.8/upload.inc.php', directInsertUploadImage: true, linkUploadUrl: './upload.php', resize: '0'})
                                </script>
                                <input type="button" name="" id="" value="回答" class="anniu" />
                                <input type="button" name="" id="" value="取消" class="qv"/>
                            </div>
                        </div>
                    </div>
                    <div class="ziliaoneirong">
                        <div class="zl">


                            <div class="ziLiaoContent">

                                <div class="zl_top">
                                    <div class="userimg">
                                        <img src="img/ziLiaoXiangQing/u2047.png"/>
                                    </div>
                                    <div class="author">
                                        张敏 
                                        <span id="shenfen">
                                            平面设计师
                                        </span>
                                    </div>
                                    <div class="date">
                                        2015-09-10
                                    </div>
                                </div>
                                <div class="zlc_left">

                                    <img src="img/ziLiaoXiangQing/u1285.png" class="zan"/>
                                    <div class="zanCol">
                                        202
                                    </div>
                                </div>

                                <div class="zlc_right">


                                    <article class="content">
                                        <img src="img/ziLiaoXiangQing/u50.jpg"/>
                                        <aside>XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。</aside>
                                        <img src="img/ziLiaoXiangQing/u16.png"/>
                                        <aside>XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。本人历经1年时间。XX吉祥物，用于杭州亚运会。</aside>
                                    </article>


                                    <div class="pingLun">
                                        <ul>
                                            <li class="shou"><span class="count">

                                                </span>收起评论</li>
                                            <li class="sc"><span class="count">
                                                    5
                                                </span>人收藏</li>
                                            <li class="fx"><span class="count">
                                                    10
                                                </span>人分享</li>
                                        </ul>
                                        <div class="fx_content">
                                            <div class="s">
                                                <a href="#"><img src=" img/fabuziliao/wx.png"/></a>
                                                <a href="#"><img src="img/fabuziliao/pyq.png"/></a>
                                                <a href="#"><img src="img/fabuziliao/qq.png"/></a>
                                                <a href="#"><img src="img/fabuziliao/wb.png"/></a>
                                                <div class="qxpl">
                                                    取消分享
                                                </div>
                                            </div>

                                        </div>


                                    </div>
                                    <div class="huida">
                                        <div class="biaozhu">
                                            <div class="huidazhe">
                                                张三
                                            </div>
                                            <div class="date">
                                                2015-11-25
                                            </div>
                                        </div>
                                        <div class="neirong">
                                            设计师采用透明的亚克力玻璃将这些独特又美丽的自然元素「冰封」起来。<span class="huifu">回复</span>
                                        </div>
                                        <div class="huifukuang">
                                            <input type="text" id="" value="" class="wen"/>
                                            <input type="button" name="" id="" value="评论" class="anniu" />
                                            <input type="button" name="" id="" value="取消" class="qv"/>
                                        </div>
                                    </div>
                                    <div class="huida">
                                        <div class="biaozhu">
                                            <div class="huidazhe">
                                                李四 <span>回复</span>    张三
                                            </div>
                                            <div class="date">
                                                2015-11-25
                                            </div>
                                        </div>
                                        <div class="neirong">
                                            设计师采用透明的亚克力玻璃将这些独特又美丽的自然元素「冰封」起来。<span class="huifu">回复</span>
                                        </div>
                                        <div class="huifukuang">
                                            <input type="text" id="" value="" class="wen"/>
                                            <input type="button" name="" id="" value="评论" class="anniu" />
                                            <input type="button" name="" id="" value="取消" class="qv"/>
                                        </div>
                                    </div>







                                </div>

                            </div>

                        </div>
                    </div>
                </div>
                <div id="rihgt">
                    <div class="b_r_top">
                        <div class="title">资料图索引</div>
                        <div class="imgs">
                            <div class="showImgs">
                                <ul>
                                    <li class="box"><a class="fancybox" data-fancybox-group="gallery" href="img/ziLiaoXiangQing/u1302.jpg" title="这是很美的建筑 "><img src="img/ziLiaoXiangQing/u768.png"/></a></li>
                                    <li class="box"><a class="fancybox" data-fancybox-group="gallery" href="img/ziLiaoXiangQing/u1305.jpg" title=" 这是很美的建筑"><img src="img/ziLiaoXiangQing/u773.png"/></a></li>
                                    <li class="box"><a class="fancybox" data-fancybox-group="gallery" href="img/ziLiaoXiangQing/u135.jpg" title="这是很美的建筑 "><img src="img/ziLiaoXiangQing/u778.png"/></a></li>
                                    <li class="box"><a class="fancybox" data-fancybox-group="gallery" href="img/ziLiaoXiangQing/u147.jpg" title=" 这是很美的建筑"><img src="img/ziLiaoXiangQing/u783.png"/></a></li>
                                    <li class="box"><a class="fancybox" data-fancybox-group="gallery" href="img/ziLiaoXiangQing/u16.jpg" title="这是很美的建筑 "><img src="img/ziLiaoXiangQing/u788.png"/></a></li>
                                    <li class="box"><a class="fancybox" data-fancybox-group="gallery"  href="img/ziLiaoXiangQing/u235.jpg" title="这是很美的建筑 "><img src="img/ziLiaoXiangQing/u793.png"/></a></li>
                                    <li class="box"><a class="fancybox" data-fancybox-group="gallery" href="img/ziLiaoXiangQing/u47.jpg" title="这是很美的建筑 "><img src="img/ziLiaoXiangQing/u798.png"/></a></li>
                                    <li class="box"><a class="fancybox" data-fancybox-group="gallery" href="img/ziLiaoXiangQing/u50.jpg" title="这是很美的建筑 "><img src="img/ziLiaoXiangQing/u803.png"/></a></li>

                                    <li class="box"><a class="fancybox" data-fancybox-group="gallery" href="img/ziLiaoXiangQing/u52.jpg" title="这是很美的建筑 "><img src="img/ziLiaoXiangQing/u873.png"/></a></li>
                                    <li class="box"><a class="fancybox" data-fancybox-group="gallery" href="img/ziLiaoXiangQing/u99.jpg" title="这是很美的建筑 "><img src="img/ziLiaoXiangQing/u877.png"/></a></li>
                                    <li class="box"><a class="fancybox" data-fancybox-group="gallery" href="img/ziLiaoXiangQing/u883.png" title="这是很美的建筑 "><img src="img/ziLiaoXiangQing/u883.png"/></a></li>
                                    <li class="box"><a class="fancybox" data-fancybox-group="gallery"  href="img/ziLiaoXiangQing/u887.png" title="这是很美的建筑 "><img src="img/ziLiaoXiangQing/u887.png"/></a></li>
                                    <li class="box"><a class="fancybox" data-fancybox-group="gallery"  href="img/ziLiaoXiangQing/u927.png" title="这是很美的建筑 "><img src="img/ziLiaoXiangQing/u927.png"/></a></li>

                                    <li class="box"><img src="img/dongTai/u32.png"/></li>


                                </ul>
                            </div>
                        </div>	
                    </div>
                    <div class="b_r_bottom">
                        <div class="title">
                            小龙女发布的其他资料
                        </div>
                        <div class="zls">

                            <div class="showImgs">
                                <ul>
                                    <a href="ziLiaoXiangQing.html">
                                        <li class="box">
                                            <div class="b_pic">
                                                <img src="img/home/u46.jpg" />
                                            </div>
                                            <div class="b_text">
                                                <div class="tit">
                                                    现代梦幻酒吧室内设计
                                                </div>

                                                <ul class="zanGuanzhu">
                                                    <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                    <li class="zanCounts">30</li>
                                                    <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                    <li class="guanzhuCounts">30</li>
                                                </ul>

                                            </div>
                                        </li>
                                    </a>

                                    <a href="ziLiaoXiangQing.html">
                                        <li class="box">
                                            <div class="b_pic">
                                                <img src="img/home/u210.png" />
                                            </div>
                                            <div class="b_text">
                                                <div class="tit">
                                                    现代梦幻酒吧室内设计
                                                </div>

                                                <ul class="zanGuanzhu">
                                                    <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                    <li class="zanCounts">30</li>
                                                    <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                    <li class="guanzhuCounts">30</li>
                                                </ul>

                                            </div>
                                        </li>
                                    </a>

                                    <a href="ziLiaoXiangQing.html">
                                        <li class="box">
                                            <div class="b_pic">
                                                <img src="img/home/u206.png" />
                                            </div>
                                            <div class="b_text">
                                                <div class="tit">
                                                    现代梦幻酒吧室内设计
                                                </div>

                                                <ul class="zanGuanzhu">
                                                    <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                    <li class="zanCounts">30</li>
                                                    <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                    <li class="guanzhuCounts">30</li>
                                                </ul>

                                            </div>
                                        </li>
                                    </a>


                                    <a href="ziLiaoXiangQing.html">
                                        <li class="box">
                                            <div class="b_pic">
                                                <img src="img/home/u212.png" />
                                            </div>
                                            <div class="b_text">
                                                <div class="tit">
                                                    现代梦幻酒吧室内设计
                                                </div>

                                                <ul class="zanGuanzhu">
                                                    <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                    <li class="zanCounts">30</li>
                                                    <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                    <li class="guanzhuCounts">30</li>
                                                </ul>

                                            </div>
                                        </li>
                                    </a>


                                    <a href="ziLiaoXiangQing.html">
                                        <li class="box">
                                            <div class="b_pic">
                                                <img src="img/home/u415.png" />
                                            </div>
                                            <div class="b_text">
                                                <div class="tit">
                                                    现代梦幻酒吧室内设计
                                                </div>

                                                <ul class="zanGuanzhu">
                                                    <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                    <li class="zanCounts">30</li>
                                                    <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                    <li class="guanzhuCounts">30</li>
                                                </ul>

                                            </div>
                                        </li>
                                    </a>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <footer id="foot">
                <ul>
                    <li><a href="#">橡木匣子指南</a></li>
                    <li><a href="#">橡木匣子协议</a></li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">人才招聘</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><span id="banquan">©</span>杭州墨客科技有限公司</li>
                </ul>
            </footer>
        </div>
        <script type="text/javascript">
            $(function () {
                $(".left .bt_right").click(function () {
                    if ($(this).text().trim() == "关注") {
                        $(this).text("取消关注");
                    } else {
                        $(this).text("关注");
                    }
                });

                $(".q_content .btn").click(function () {
                    $(this).nextAll(".huida").slideToggle();
                });
                $(".wenti .qv").click(function () {
                    $(this).parent().slideUp();
                });

                $(".zl .qv").click(function () {
                    $(this).siblings(".wen").val(" ");
                });

                var $container = $('.showImgs');
                $container.imagesLoaded(function () {
                    $container.masonry({
                        itemSelector: '.box',
                        columnWidth: 12 //每两列之间的间隙为5像素
                    });
                });

                var index = 0;
                $("#left").find(".sc").click(function () {
                    var count = $(".sc .count").text();
                    if (index == 0) {
                        $(this).css({"background-image": "url(img/fabuziliao/sc2.png)", "background-size": "20px 20px", "background-repeat": "no-repeat", "background-position-x": "0px", "background-position-y": "0px"})
                        index = 1;
                        count++;

                    } else {
                        $(this).css({"background-image": "url(img/fabuziliao/sc.png)", "background-size": "20px 20px", "background-repeat": "no-repeat", "background-position-x": "0px", "background-position-y": "0px"})
                        index = 0;
                        count--;
                    }
                    $(".sc .count").text(count);
                });
                $(".fx").click(function () {
                    $(this).parent().siblings(".fx_content").slideToggle();
                });




                $("#upDpwn").click(function () {

                    if ($(".biaoQianKuang .bq_bottom").css("display") == "none") {
                        $("#upDpwn").prop("src", "img/ziLiaoXiangQing/u805.png");
                        $(".biaoQianKuang .bq_bottom").show();
                    } else {
                        $("#upDpwn").prop("src", "img/ziLiaoXiangQing/u237.png");
                        $(".biaoQianKuang .bq_bottom").hide();
                    }

                });
                $(".bt_right").click(function () {
                    if ($(this).text().trim() == "关注") {
                        $(this).text("取消关注");
                    } else {
                        $(this).text("关注");
                    }
                });
                //及时搜索
                var countries = [
                    {value: '室内设计', data: '', category: '分类'},
                    {value: '室内装修', data: '室内', category: '分类'},
                    {value: '室内环保', data: '室内', category: '分类'},
                    {value: '室内设计', data: '室内', category: '分类'},
                    {value: '室内设计', data: '室内', category: '分类'},
                    {value: '某宾馆室内设计', data: '室内', category: '话题'},
                    {value: '某大厦室内设计', data: '室内', category: '话题'},
                    {value: '某宾馆室内设计', data: '室内', category: '资料'},
                    {value: '某大厦室内设计', data: '室内', category: '资料'},
                    {value: '某宾馆室内设计', data: '室内', category: '资料'},
                    {value: '某大厦室内设计', data: '室内', category: '资料'},
                    {value: '小龙女      室内设计师', data: '室内', category: '用户'},
                    {value: '更多室内相关资料...', data: '室内', category: '更多'},
                    // ...
                    {value: 'Zimbabwe', data: 'ZZ'}
                ];


                $('#autocomplete').catcomplete({
                    delay: 0,
                    source: countries,
                    select: function (event, ui) {
                        var type = ui.item.category
                        if (type.trim() == "分类") {
                            window.location.href = "souSuojieguo.html"
                        }
                        if (type.trim() == "话题") {
                            window.location.href = "souSuojieguo.html?name=huati"
                        }
                        if (type.trim() == "资料") {
                            window.location.href = "souSuojieguo.html?name=ziliao"
                        }
                        if (type.trim() == "用户") {
                            window.location.href = "souSuojieguo.html?name=yonghu"
                        }
                    }
                });

                $(".userinfo").hover(function () {
                    $(".info").slideDown("fast");
                }, function () {
                    $(".info").slideUp("10");
                });

                $(".userName").mouseover(function () {
                    $(".piaofukuang").show();
                });
                $(".piaofukuang").mouseleave(function () {
                    $(this).slideUp("slowly");
                });
                $(".piaofukuang .guanzhuanniu").click(function () {
                    if ($(this).text().trim() == "关注") {
                        $(this).text("取消关注");
                    } else {
                        $(this).text("关注");
                    }
                });

                $(".fx_content .s .qxpl").click(function () {
                    $(this).parent().parent().slideUp();
                });

                $(".huifu").click(function () {
                    $(this).parent().next(".huifukuang").slideToggle();

                });
                $(".huifukuang .qv").click(function () {
                    $(this).parent().slideUp();
                });
                $(".pingLun .shou").click(function () {
                    var zhi = $(this).text();
                    $(this).parent().parent().nextAll(".huida").slideToggle();
                    if (zhi.trim() == "收起评论") {
                        $(this).text("展开评论");
                    } else {
                        $(this).text("收起评论");
                    }
                });

            })
        </script>

    </body>
</html>
